<?php include THEMES_PATH.'public/before_body2.phtml'; ?>
<link href="<?php echo TPL_PATH;?>special/activity-summary/css/style.css" rel="stylesheet">
</head>
<body>
<?php include THEMES_PATH.'public/header2.phtml';?>
<div id="banner">
	<div class="bannercon"> 
    	 <img src="<?php echo TPL_PATH;?>special/activity-summary/img/logo.png" alt="网站标志"> 
    </div>
</div>
<div id="main">
	<div class="maincon">
    	<ul class="clear" id="mid">
        	<li style="background:url(<?php echo TPL_PATH;?>special/activity-summary/img/gift.jpg) no-repeat;">
              <a href="<?php echo url('');?>gift" style="display:block; width:100%; height:100%;" target="_blank">
              	 <h3 style="font-size:24px; color:#fff; font-family:'Times New Roman'; margin-top:18px; text-align:center;"><?php echo L('black_friday_title_1');?></h3>
                 <strong style="font-size:18px; color:#c55c5c;text-decoration:none;font-family:'Times New Roman'; margin-top:5px;text-align:center; display:block;"><?php echo L('black_friday_title_1_1');?></strong>
              </a>
              <a href="<?php echo url('');?>gift" class="aa" target="_blank"><span><?php echo L('click_here');?></span></a>
              <p class="pic" style="display: block"><img src="<?php echo TPL_PATH;?>special/activity-summary/img/sbj_1.png"/></p> 
            </li>
            <li style="background:url(<?php echo TPL_PATH;?>special/activity-summary/img/rush.jpg) no-repeat;">
              <a href="<?php echo url('/activity/seckill');?>" style="display:block; width:100%; height:100%;" target="_blank">
              	 <h3 style="font-size:24px; color:#fff; margin-top:18px; text-align:center; font-family:'Times New Roman';"><?php echo L('black_friday_title_2');?></h3>
                 <strong style="font-size:18px; color:#c55c5c; margin-top:5px;text-align:center; display:block; text-decoration:none;font-family:'Times New Roman';" class="Econ"><?php echo L('black_friday_title_2_1');?></strong>
              </a>
              <a href="<?php echo url('/activity/seckill');?>" class="aa"  target="_blank"><span><?php echo L('click_here');?></span></a>
              <p class="pic"><img src="<?php echo TPL_PATH;?>special/activity-summary/img/sbj_2.png"/></p>
            </li>
            <li style="background:url(<?php echo TPL_PATH;?>special/activity-summary/img/spin.jpg) no-repeat;">
                <a href="<?php echo U('special/fortunewheel')?>" style="display:block; width:100%; height:100%;" class="aatip1">
              	<h3 style="font-size:24px; color:#fff; margin-top:18px; text-align:center; font-family:'Times New Roman';"><?php echo L('black_friday_title_3');?></h3>
                <strong style="font-size:18px; text-align:center; color:#eb6b61; margin-top:5px;text-align:center; display:block; text-decoration:none;font-family:'Times New Roman';" class="Econ"><?php echo L('black_friday_title_3_1');?></strong>
                <span style="color:#fff;">25/11/2014～1/12/2014</span>
                <p style="color:#eb6b61;"><?php echo L('black_friday_str_1');?></p>
              </a>
              <a href="<?php echo U('special/fortunewheel')?>" id="aatip" class="aa"><span><?php echo L('click_here');?></span></a>
              <p class="pic"><img src="<?php echo TPL_PATH;?>special/activity-summary/img/sbj_3.png"></p>
            </li>
        </ul>
        <div class="li_1" style="display:block;">
             <dl>
             	<dt><?php echo L('black_friday_desc_1');?></dt>
                <?php echo L('black_friday_desc_2');?>
				<p>OWNONLY</p> 
             </dl>
        </div>
        <div class="li_2" style="display:none">
        	 <dl>
             	<dt><?php echo L('black_friday_desc_3');?></dt>
                <?php echo L('black_friday_desc_4');?>
                <p>OWNONLY</p> 
             </dl>
          	 
        </div>
        <div class="li_3" style="display:none;">
        	 <dl>
             	<dt><?php echo L('black_friday_desc_5');?></dt>
                <?php echo L('black_friday_desc_6');?>
				<p>OWNONLY</p>
             </dl>
          	 
        </div>
    </div>
</div>
<script>
$(function () {
    var timer = null;
	var h1 = $('#mid').height();
	var h2 = $('.li_1').outerHeight();
    $('#main ul li').mouseenter(function () {
		var $this = $(this);
        var index = $this.index();
        timer = setTimeout(function () {
            $('.maincon>div').eq(index).stop(true, true, true).slideDown(500).siblings('div').hide();
            $this.find('.pic').show().parent().siblings().children('.pic').hide();
        }, 30);
    });
    $('#main ul li').mouseleave(function () {
        var index = $(this).index();
        timer = setTimeout(function () {
            $('.maincon div').eq(index).hide();
        }, 30);

    });
    $('.maincon div').mouseenter(function () {
        clearTimeout(timer);
    });
    $('.maincon ul').mouseleave(function () {
        clearTimeout(timer);
    });
	$('.maincon').css({ "height": h1 + h2});
   $('#aatip').click(function(event){
    event.stopPropagation();
    $('.pic1').show();  
   });
   $(document).click(function (event) { $('.pic1').hide(); });
   $('.aatip1').click(function(event){
    event.stopPropagation();
    $('.pic1').show();  
   });
   $(document).click(function (event) { $('.pic1').hide(); })


}) 
</script>
<?php include THEMES_PATH.'public/footer2.phtml'; ?>

<?php include THEMES_PATH.'public/after_body.phtml'; ?>